<template>
  <el-row class="row-top">
    <el-col :span="24">
      <index-title title-name="企业级办公系统"></index-title>
    </el-col>
  </el-row>
  <el-row class="row-center">
    <el-col class="col-sysFun" :span="3">
      <sys-fun></sys-fun>
    </el-col>
    <el-col :span="21" style="padding-top: 10px;padding-left: 10px">
      <!--            路由显示标签 -->
      <router-view></router-view>
    </el-col>
  </el-row>
</template>

<script lang="ts" setup>
import IndexTitle from "@/components/Title.vue";
import SysFun from "@/components/Sysfun.vue";

</script>

<style scoped>
.row-top {
  background-color: #0084f8;
  height: 10%;
}

.row-center {
  height: 90%;
}

.col-sysFun {
  padding: 10px;
  background-color: #303030;
}


</style>